<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>任务</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/home_task_con.css" />
    <style>
        .fw-label-tag{
            background: #289FFF;
            color: #fff;
            border-radius: 50%;
            width: 19px;
            height: 19px;
            line-height: 20px;
            text-align: center;
            margin-top: 3.5px;
        }
        .popup-title{
            padding: 20px 20px 10px 20px;
            text-align: center;
            border-bottom: solid 1px #f0f0f0;
            font-weight: 600;
        }
        .aui-flex{
            display: flex;
        }
        .fw-left-width{
            width: 50%;text-align: right;
        }
        .fw-right-width{
            width: 50%;text-align: left;
        }
        .form-padding {
            line-height: 1.8rem;
        }
        .new-fles-center {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .rate_star {
            width: 24px;
            display: inline-block;
            vertical-align: middle;
        }
        .new-more-dialog{
            top: unset;
            bottom: 70px;
            left: unset;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            box-shadow: 0px -5px 12px 0 #eee;
            transform: none;
            border: solid 0.5px #ebedf0;
        }
        .new-more-dialog .van-dialog__content{
           padding-top: 20px;
           padding-bottom: 10px;
        }
        .new-vant-tabbar{
            padding: 0 0.5rem;
            height: 3.5rem;
            padding-left: 0;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">
            <div class="aui_list boxarea mb20">
                <div class="work_title aui-margin-l-0 aui-padded-l-0" style="border-left: 0;">
                    {{form.DeviceName?form.DeviceName:'--'}}
                </div>
                <div class="pb10">
                    <!-- <div class="contentbg">
                        <div v-if="form.fullname!=''"  style="display: flex;justify-content: space-between;">
                            <div class="content-title">{{form.fullname}}</div>
                        </div>
                        <div v-if="form.content!=''" class="font-color">
                            {{form.content}}
                        </div>
                        <div class="aui-content ">
                            <div class="handle_img_list">
                                <div class="task_con_image">
                                    <img class="aui-img-object" v-for="itemImg in form.imagelist" v-on:click="img_browser(itemImg.imgurl)" v-bind:src="itemImg.imgurl" />
                                    <div class="cl"></div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--工单基础信息展示-->
                    <div  class="mt20">
                        <div class="examine_con_list mb10 ">
                            <div class="ex_con_lft">所属项目：</div>
                            <div class="ex_con_rgt">{{form.ProjectName}}</div>
                        </div>
                        <div class="examine_con_list mb10 ">
                            <div class="ex_con_lft">工单来源：</div>
                            <div class="ex_con_rgt">{{form.FromTypeDesc}}</div>
                        </div>
                        <div class="examine_con_list mb10 ">
                            <div class="ex_con_lft">维修类型：</div>
                            <div class="ex_con_rgt">{{form.TypeDesc}}</div>
                        </div>
                        <div class="examine_con_list mb10 ">
                            <div class="ex_con_lft">报修人：</div>
                            <div class="ex_con_rgt">{{form.WriteUserName}}</div>
                        </div>
                        <div class="examine_con_list mb10 ">
                            <div class="ex_con_lft">报修时间：</div>
                            <div class="ex_con_rgt">{{form.WriteDateDesc}}</div>
                        </div>
                        <div class="mb10 ">
                            <label class="label-text-width ccc">问题描述：</label>
                        </div>
                        <div class="mb10 ">
                            {{form.ServiceContent}}
                        </div>
                        <div class="aui-content ">
                            <div class="handle_img_list">
                                <div class="task_con_image">
                                    <img class="aui-img-object" v-for="itemImg in form.ImgList" v-on:click="img_browser(itemImg.FilePath)" v-bind:src="itemImg.FilePath" />
                                    <div class="cl"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--工单轨迹-->
            <div class="aui_list boxarea mb20">
                <div class="work_title">工单轨迹</div>
                <div class="ptb10">
                    <ul class="processul">
                        <li class="processulli  li-border-color-grey" v-if="index<=0||showproess" v-for="(item,index) in form.HandleList">
                            <div class="task_process_con">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl">
                                            <div class="fl">{{item.Title}}</div>
                                            <div class="cl"></div>
                                        </div>

                                        <div class="task_process_basic_title_time ccc fr">{{item.AddTimeDesc}}</div>
                                        <div class="cl"></div>
                                    </div>
                                    <div class="">
                                        <div class="handle_con_msg ">
                                            <span>{{item.Content}}</span>
                                            <span v-if="item.HandleContent" class="aui-margin-l-5">{{item.HandleContent}}</span>
                                        </div>
                                        <div class="handle_img_list" v-if="item.ImgList!=undefined&&item.ImgList.length>0">
                                            <div class="task_con_image">
                                                <img v-for="item2 in item.ImgList" v-on:click="img_browser(item2.FilePath)" v-bind:src="item2.FilePath" />
                                                <div class="cl"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hide_height"></div>
                            </div>
                        </li>
                    </ul>

                    <div v-if="form.HandleList!=undefined&&form.HandleList.length>1" class="proess-select mb20" v-on:click="showProessAll()">
                        查看详情
                        <i v-if="showproess" class="icon iconfont icon-shangjiantou"></i>
                        <i v-if="!showproess" class="icon iconfont icon-down"></i>
                    </div>
                </div>
            </div>
            <!-- con end-->

            <div class="new-btn-bottom" v-if="typetj!=1">
                <div v-if="form.PublicBtn" class="new-blue-btn" v-on:click="do_canpublish(1)">派单</div>
                <div v-if="form.AcceptBtn"  class="new-blue-btn" v-on:click="do_canpublish(2)">重派</div>
                <div v-if="form.AcceptBtn"  class="new-blue-btn" v-on:click="doAccpetOrder()">接单</div>
                <div v-if="form.HandleBtn"  class="new-blue-btn" v-on:click="doDealOrder()">完工</div>
                <div v-if="form.CheckBtn" class="new-blue-btn" v-on:click="doCompleteOrder()">查验</div>  
            </div>
        </section>


    </div>
  
</body>
<script type="text/javascript " src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/repairdetail.js"></script>

</html>
